@charset "utf-8";

.ft20{ color:#b7b7b7; font:bold 20px/20px 'Microsoft YaHei','simsun'; margin-bottom:0;}
.text-left{ text-align: left;;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.f-bold{ font-weight:bold;}
.ft14{ font-size:14px;}
.f-red{ color:#e02a27; font-size:18px;}
.f-red2{ color:#cd0102; font-size:14px;}
.f-gray{color:#ccc;}
.mgr0{ margin-right:0 !important;}
.mgb0{ margin-bottom:0 !important;}
.mg0{ margin:0 !important;}
.mgb10{ margin-bottom:10px !important;}
.pd0{ padding:0 !important;}
.pdr10{ padding-right:10px !important;}
.pdl20{ padding-left:20px !important;}
.pb6{padding-bottom:6px !important; display:block; }
.mgb20{ margin-bottom:20px !important;}
.bor-none{ border:none !important;}
.w250{ width:250px !important;}
.w590{ width:590px !important;}
h1{ color:#333333; font:bold 25px/33px 'Microsoft YaHei','simsun'; margin-bottom:16px;}
h2{ padding-left:20px !important; margin-bottom:14px !important; background:url(../../images/subunion/drama-icon.png) no-repeat transparent; background-position:0 -18px;  font:bold 20px/24px 'Microsoft YaHei','simsun'; color:#2c2c2c;}
h3{font:bold 18px/24px 'Microsoft YaHei','simsun'; color:#2c2c2c;}
h4{font:16px/24px 'Microsoft YaHei','simsun'; color:#a9002b; padding-bottom:15px;}
table{ border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
table th{ border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; color:#333; font-size:14px; font-weight:bold; padding:8px 0;}
table td{ border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; padding:5px 0;}
.ellipsis{width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.elli{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.drama-wrap{ width:1200px; margin:0 auto;}
.menu-nav{ margin:10px auto}
.drama-add{ width:1175px; border:1px solid #d6d6d6; padding: 15px 8px 20px 15px; background:#fff; overflow:hidden;}
.add-left{ width:257px;}
.add-left img{ margin-bottom:30px;}
.bshare-custom.icon-medium{ font-size:12px !important;}
.add-center{ width:252px; margin:0 30px 0 15px; display:inline;}
.add-center div.info{ height:270px; border-bottom: 1px dashed #d6d6d6; line-height:24px; overflow:hidden; display: inline-block;}
.add-center label{ line-height:24px;}
.add-center span{ display:block; margin-top:10px;}
.add-center span label{ font-weight:bold; color:#393939;}
.sport-btn{ background:url(../../images/subunion/sport-btn.jpg) no-repeat; width:250px; height:25px; line-height:25px; text-align:center; color:#fff; margin-top:10px; font-weight:bold; font-size:14px; display:inline-block;}
.add-center a{ color:#fff; font-weight:bold;}
.add-center a:hover{ color:#fff; font-weight:bold;}
.add-right{ width:620px;}
.add-right dl{ float:left; border-bottom:1px solid #d6d6d6;}
.add-right dl dt{ border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; color:#333; font-size:14px; font-weight:bold; padding:8px 0;}
.add-right dl dd{ border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; padding:5px 0;}
.last-dl{ border-right:1px solid #d6d6d6;}

.tabTitle,.tabTitle153,.tabTitle200,.tabCon,.tabCon153,.tabCon200{ overflow:hidden;}
.tabTitle li,.tabTitle153 li,.tabTitle200 li{ float:left; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; color:#333; font-size:14px; font-weight:bold; padding:8px 0;}
.tabCon li,.tabCon153 li,.tabCon200 li{ float:left; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; text-align:center; padding:5px 0;}

.tabTitle153 li{ width:152px;}
.tabTitle200 li{ width:203px;}
.tabCon153 li{ width:152px;}
.tabCon200 li{ width:203px;}

.tabw100{ width:100px !important;}
.tabw303{ width:303px !important;}

.borRight{ border-right:1px solid #d6d6d6;}
.borBottom{ border-bottom:1px solid #d6d6d6;}
.dl153{ width:153px;}
.dl115{ width:113px;}
.dl200{ width:200px;}

.star-left{ float:left; width:547px;}
.star-img{ float:left; width:240px;}
.star-info{ float:left; width:272px; padding:0 18px 10px 16px; border-right:1px dashed #b7b7b7;}
.star-left span{ float:left; padding-right:10px;}
.star-left h2{ float:left; width:79px; height:25px; background:url(../../images/subunion/star-btn.jpg) no-repeat left top; font:bold 16px/25px 'Microsoft YaHei','simsun'; color:#fff; padding:0; margin:0; text-align:center;}
.star-info a{ color:#fff;}
.star-info a:hover{  color:#fff;}
.star-right{ float:left; width:602px;  _width:590px; padding-left:22px;}
.time-con{ width:510px; height:80px; position:absolute; top:-22px; left:40px; overflow:hidden;}
.time-box{ width:580px; height:80px; position:relative;margin-top:40px;}
.time-box ul{ height:80px; position:absolute; left:0px; top:0px; text-align:center; overflow:hidden; z-index:2; padding-left:10px;}
.time-box ul li{ float:left; width:65px; padding-right:32px;}
.time-box ul li span{ display:block; padding-bottom:6px;}
.time-box .time-bor{ position:absolute; left:40px; top:15px; width:490px; border-top:3px solid #dddddd; display:inline-block;}
.time-box .hollow{ width:20px; height:20px; margin-left:24px; *margin-left:0px; background:url(../../images/subunion/star-icon.png) no-repeat left top; background-position:0 -46px;}
.time-box .active{ width:20px; height:20px; margin-left:24px; *margin-left:0px; background:url(../../images/subunion/star-icon.png) no-repeat left top; background-position:0 -77px;}
.time-box .star-gray{  width:20px; height:20px; margin-left:24px; *margin-left:0px; background:url(../../images/subunion/star-icon-gray.png) no-repeat left top;}
.star-right p{ background:url(../../images/subunion/star-icon.png) no-repeat left top; width:19px; height:32px;}
.star-right .prev{ position:absolute; left:0; top:0; background-position:0 -109px; z-index:3; cursor:pointer;}
.star-right .next{ position:absolute; right:0; top:0; background-position:0 -156px; z-index:3; cursor:pointer;}
/* 左边 */
.drama-info{ width:1200px; margin-top:20px; overflow:hidden;}
.info-left{ width:772px; background:#fff; padding: 14px 0px 0px 30px; border:1px solid #d6d6d6;  margin-right:10px;}
.type-nav{}
.type-nav ul{ overflow:hidden; height:33px; margin-bottom:20px;}
.type-nav li{ float:left; padding:4px 12px 2px; margin-right:18px; _margin-right:17px; display:inline; border:1px solid #d5d5d5; background:url(../../images/subunion/btn-bj.jpg) repeat-x left top; position:relative;}
.type-nav li.active{ background:#e32d2c; color:#fff;}
.type-nav li.active a{ color:#fff;}
.type-nav li a{ color:#4c4c4c; }
.type-nav li a:hover{color:#4c4c4c;}
.type-nav li span.active-img{ background:#e32d2c url(../../images/subunion/drama-icon.png) no-repeat left top; background-position:0 -60px; width:11px; height:6px; position:absolute; left:50%; bottom:-5px; margin-left:-5px;}
.active-img{background: url(../../images/subunion/drama-icon.png) no-repeat; background-position:26px -57px;}
.drama-con{ overflow:hidden;}
.drama-con dl{ float:left; width:151px; text-align:center; margin-right:45px; padding-bottom:26px;  *padding-bottom:25px; _padding-bottom:32px; display:inline-block; cursor:pointer;}
.drama-con dl dt{ margin-bottom:10px;}
.drama-con dl dd{ line-height:24px; }
.drama-con dl dd a.concert-add-overh{ height:48px; overflow:hidden; display:block;}
.concert{ border:1px solid #d6d6d6; padding:5px 0; margin-bottom:10px; cursor:pointer;}
.money-img{ float:right; background:url(../../images/subunion/drama-icon.png) no-repeat transparent; background-position:0 1px; width:20px; height:18px; display:inline-block; vertical-align:sub;}
.concert-add{ border-bottom:1px solid #d6d6d6; padding-bottom:4px; margin-bottom:4px;}
.num{ width:571px; height:28px; margin-bottom:25px; margin-left:80px;}
/* 右边 */
.info-right{ width:342px; background:#fff; padding: 14px 12px 0px 30px; border:1px solid #d6d6d6; margin-bottom:21px;}
.add-info{}
.add-info dl{ height:123px; border-bottom:1px dashed #d6d6d6; padding-bottom:20px; margin-bottom:20px;}
.add-info dl dt{ margin-right:12px; display:inline;}
.add-info dl dd{ padding-top:8px; position:relative;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.add-img{background:#e32d2c url(../../images/subunion/drama-icon.png) no-repeat left top; background-position:0 -44px; width:10px; height:13px; margin-right:10px; display:inline-block;}

.ice{ width:224px;}
.ice-add ol{ overflow:hidden; padding-bottom:20px;  padding-bottom:18px \9;  *padding-bottom:7px; _padding-bottom:48px;}
.ice-add ol li{ float: left; width:100px; padding-bottom:15px; font-size:14px;}
/* 左边 五列 */
.info-left2{ width:918px;  _width:908px;}
.info-title{ width:883px; height:38px; overflow:hidden;}
.drama-con2{ *padding-bottom:20px; _margin-bottom:13px;}
.drama-con2 div{ float:left; width:150px; text-align:center; display:inline-block; height:330px;  margin-right:33px; margin-bottom:31px; *margin-bottom:10px;_margin-bottom:20px; padding-bottom:10px !important; position:relative; overflow:hidden;}
.drama-con2 div p{ margin-bottom:0;}
.drama-con2 div ul{position:absolute; left:0; bottom:-47px; background:#fff; padding-top:10px; overflow:hidden;}
.drama-con2 div ul li{ line-height:24px;}
.drama-con2 div ul li h1{color:#b7b7b7; font:bold 25px/25px 'Microsoft YaHei','simsun'; margin-bottom:0;}

.hot{ margin-top:12px;}
.hot-con{ *padding-bottom:20px; _margin-bottom:13px;}
.hot-con div{ float:left; width:150px; text-align:center; display:inline-block; margin-right:33px; margin-bottom:19px;padding-bottom:10px !important;}
.hot-con div p{ margin-bottom:0;}
.hot-con div ul{ background:#fff; padding-top:10px;}
.hot-con div ul li{ line-height:24px;}
.hot-con div ul li h1{color:#b7b7b7; font:bold 25px/25px 'Microsoft YaHei','simsun'; margin-bottom:0;}
/*演唱会*/
.starcon{margin-bottom:43px; *margin-bottom:28px; display:inline-block;}
.starl{ width:284px; text-align:center;}
.starl h3{ line-height:30px; padding-top:20px;}
.starl a{ color:#2c2c2c;}
.starl a:hover{ color:#2c2c2c;}
.starc{ width:324px; margin:0 18px;}
.starc ul li{ float:left; width:153px; margin-right:18px; display:inline;}
.starc span{ display:block; padding:13px 0;}
.starr{ width:256px;}
.starr p{ padding-left:10px; padding-bottom:6px;}
.starr h3{ padding:0 0 6px 10px;  background:url(../../images/subunion/btn-icon.png) no-repeat transparent; background-position:0 -39px;}
.starr ul{ border-top:1px dashed #d6d6d6; padding-top:10px;}
.starr ul li{ padding:0 0 6px 10px;  background:url(../../images/subunion/btn-icon.png) no-repeat transparent; background-position:0 -39px;}
.starr h3 a{ color:#2c2c2c;}
.starr h3 a:hover{ color:#2c2c2c;}


.star-list {width: 1200px; height: 310px; position: relative; margin:0px auto 0;}
.star-list li{overflow:hidden; position:absolute;}
.star-list li.x1{ width:220px; height:310px; left:0; top:0;}
.star-list li.x2{ width:150px; height:150px; left:230px; top:0;}
.star-list li.x3{ width:320px; height:150px; left:390px; top:0;}
.star-list li.x4{ width:320px; height:150px; left:230px; top:160px;}
.star-list li.x5{ width:150px; height:150px; left:560px; top:160px;}
.star-list li.x6{ width:320px; height:310px; left:720px; top:0;}
.star-list li.x7{ width:150px; height:150px; left:1050px; top:0;}
.star-list li.x8{ width:150px; height:150px; left:1050px; top:160px;}
.star-list li a, .star-list li a img {display: block;position: relative; overflow: hidden; cursor:pointer;}

.star-list .over{width:100%;height:100%;overflow:hidden;position: absolute;background:#C42B26;top:0px;left:0px; display:none;z-index:1;}
.star-list li.x1 .over-text{position:absolute;width:200px;height:100%;left:-220px; top:0px;overflow:hidden;}
.star-list li.x2 .over-text,.star-list li.x5 .over-text,.star-list li.x7 .over-text,.star-list li.x8 .over-text{position:absolute;width:130px;height:100%;left:-150px; top:0px;overflow:hidden;}
.star-list li.x3 .over-text,.star-list li.x4 .over-text,.star-list li.x6 .over-text{position:absolute;width:300px;height:100%;left:-320px; top:0px;overflow:hidden;}
.star-list .over-text{display:block;text-align: left;color: #fff;line-height: 20px;font-size: 14px;padding: 10px 10px 0;cursor: pointer;font-family: "微软雅黑";font-weight:normal;z-index:2;}


/* 右边 五列 */
.info-right2{ width:212px; padding:14px 12px 0px 14px;}
.ice{ width:224px; _width:234px; padding:14px 0px 0px 14px;}
.troupe{ margin-bottom:12px !important; }
.hot-r{ margin-top:23px; margin-top:26px \9; *margin-top:42px; _margin-top:30px; margin-bottom:12px !important;}
.add-title{ overflow:hidden;}
.add-title ul{ float:right;}
.add-title ul li{ float:left; width:16px; height:16px;  background:url(../../images/subunion/btn-icon.png) no-repeat transparent; background-position:0 -23px; cursor:pointer;}
.add-title ul li.active{ background-position:0 -5px; margin-right:3px}
.add-name{border-bottom:1px dashed #d6d6d6; padding-bottom:20px;  *padding-bottom:10px; _padding-bottom:11px; text-align:center; margin:17px 0; *margin:15px 0;}
.troupe .add-name{border-bottom:1px dashed #d6d6d6; padding-bottom:21px;  *padding-bottom:11px; text-align:center; margin:17px 0; margin:15px 0 \9; *margin:9px 0; _margin:13px 0;}
.troupe .add-name2{ padding-bottom:26px !important;  padding-bottom:28px \9 !important ; *padding-bottom:26px !important; _padding-bottom:20px !important;}
.add-info2 ul{}
.add-info2 ul li{ padding:0 0 10px 10px;  background:url(../../images/subunion/btn-icon.png) no-repeat transparent; background-position:0 -39px;width:212px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sale-con div{  display:none;}


/*全部演唱会*/
.all-concert{ background:#fff; padding:14px 0px 28px 30px; border:1px solid #d6d6d6;}
.all-con{ width:1170px;}
.all-con ul{ overflow:hidden;}
.all-con ul li{ float:left; width:266px; text-align:center; margin-right:25px; display:inline-block;}
.all-con ul li p{ border:1px solid #dedede; padding:7px; display:inline-block;}
.all-con ul li span{ padding:14px 25px 0 25px; display:inline-block;}
.concert-title{ -height:38px; overflow:hidden; padding-right:32px;}


.hot-tour{ margin:36px 0 74px 0; overflow:hidden;}
.hot-tour img{ cursor:pointer;}
.tour-title{ height:38px; border-bottom:3px solid #333333; margin-bottom:10px;}
.tour1{ width:220px;}
.tour2{ width:480px; margin:0 10px; display:inline-block;}
.tour3{ width:320px; margin-right:10px; display:inline-block;}
.tour4{ width:150px;}
